<template>
    <div>
        <NodeResolve :nodes="nodes" />
    </div>
</template>

<script lang="ts" setup>
import NodeResolve from "./nodeResolve/index.vue";
import { ref } from "vue";
const nodes = [
    {
        name: '1',
        type: 'SP',
        root: true
    },
    {
        name: '2',
        type: 'SP'
    },
    {
        name: '3',
        type: 'BRANCH',
        children: [
            {
                nodes: [
                    {
                        name: '3-1',
                        type: 'BRANCH',
                        children: [
                            {
                                nodes: [
                                    {
                                        name: '3-1',
                                        type: 'SP',
                                    },
                                    {
                                        name: '3-2',
                                        type: 'SP',
                                    },
                                ]
                            },
                            {
                                nodes: [
                                    {
                                        name: '第二个儿子',
                                        type: 'SP',
                                    },
                                    {
                                        name: '第一个儿子',
                                        type: 'SP',
                                    }
                                ]
                            },
                        ]
                    },
                    {
                        name: '3-2',
                        type: 'SP',
                    },
                ]
            },
            {
                nodes: [
                    {
                        name: '第二个儿子',
                        type: 'SP',
                    },
                    {
                        name: '第一个儿子',
                        type: 'SP',
                    }
                ]
            },
            {
                nodes: [
                    {
                        name: '第二个儿子',
                        type: 'SP',
                    },
                    {
                        name: '第一个儿子',
                        type: 'SP',
                    }
                ]
            },
            {
                nodes: [
                    {
                        name: '第二个儿子',
                        type: 'SP',
                    },
                    {
                        name: '第一个儿子',
                        type: 'SP',
                    }
                ]
            },
            {
                nodes: [
                    {
                        name: '第二个儿子',
                        type: 'SP',
                    },
                    {
                        name: '第一个儿子',
                        type: 'SP',
                    }
                ]
            },
        ]
    },
    {
        name: '第二',
        type: 'SP'
    },
]


</script>

<style scoped>

</style>
